<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="plugins/layui/css/layui.css" media="all">
<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

<link rel="stylesheet" href="plugins/zTree/css/zTreeStyle/metro.css">
<link rel="stylesheet" type="text/css" href="plugins/stream/css/stream-v1.css">
<script type="text/javascript" src="plugins/js/jquery-3.2.1.min.js"></script>
<script src="plugins/zTree/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="plugins/stream/js/stream-v1.js"></script>
<script src="plugins/js/index.js"></script>
 <style type="text/css">  
        div#rMenu  
        {  
            position: absolute;  
            visibility: hidden;  
            top: 0;  
            background-color: #555;  
            text-align: left;  
            padding: 2px;  
        }  
        div#rMenu ul li  
        {  
            margin: 1px 0;  
            padding: 0 5px;  
            cursor: pointer;  
            list-style: none outside none;  
            background-color: #DFDFDF;  
        }  
        div#rMenu2  
        {  
            position: absolute;  
            visibility: hidden;  
            background-color: #555;  
            text-align: left;  
            padding: 2px;  
        }  
          
        div#rMenu2 ul  
        {  
            margin: 1px 0;  
            padding: 0 5px;  
            cursor: pointer;  
            list-style: none outside none;  
            background-color: #DFDFDF;  
        }  
    </style>  
</head>
<body>
	<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
	<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

	<div class="layui-container">

		<fieldset class="layui-elem-field layui-field-title"
			style="margin-top: 20px;">
			<legend>始终等比例水平排列</legend>
			<button id="upload">上传文件</button>
			<div id="uploadform" style="display: none;">
				<div id="i_select_files"></div>

				<div id="i_stream_files_queue"></div>
			</div>
		</fieldset>


		<div class="layui-row">
			<!-- 左 -->
			<div class="layui-col-xs3">
				<div>
					<ul id="tree" class="ztree"></ul>
				</div>
				
			</div>
			<!-- 右 -->
			<div class="layui-col-xs9">
				<div id="list">3/12</div>
			</div>

		</div>
<div id="rMenu">
	<ul>
		<li id="m_add" onclick="addTreeNode();">增加</li>
		<li id="m_del" onclick="removeTreeNode();">删除</li>
		<li id="m_update" onclick="updateTreeNode();">重命名</li>
	</ul>
</div>
 <div id="rMenu2" style="display:none;">  
        <ul>  
            <li>名称：  
                <input type="text" class="input_tx" id="caption_bbs" style="width: 100px; height: 16px;" />  
                <a class="orange" onclick="addTree();">确定</a> </li>  
        </ul>  
    </div>  


		<script src="plugins/layui/layui.js" charset="utf-8"></script>
		<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
		<script>
			
		</script>
</body>
</html>